{% extends "thilux_base.html" %}

{% block title %}thilux Sales Management{% endblock %}

{% block content %}

<div class="navbar navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">
			<a class="btn btn-navbar" data-toggle="collapse"
				data-target=".nav-collapse"> <span class="icon-bar"></span> <span
				class="icon-bar"></span> <span class="icon-bar"></span>
			</a> <a class="brand" href="#"><img src="/img/logo.gif" width="111"
				height="30" alt="thilux Systems logo" /></a>
			<div class="nav-collapse">
				<ul class="nav">
					<li class="active"><a href="/">Home</a></li>
					<li><a href="/about">About</a></li>
					<li><a href="/contact">Contact</a></li>
					<li><a href="/logout">Logout</a></li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>
</div>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span3">
			<div class="well sidebar-nav">
				{% if not menus %}
					<ul class="nav nav-list">
						<li class="nav-header">Navigation</li>
						<li class="active"><a href="#">Home</a></li>
						<li><a href="#">Contacts</a></li>
						<li><a href="#">About</a></li>
						<li class="nav-header">Admin Tasks</li>
						<li><a href="#">Users</a></li>
						<li><a href="#">Employees</a></li>
						<li><a href="#">Products</a></li>
						<li><a href="#">Departments</a></li>
					</ul>
				{% else %}
					<ul class="nav nav-list">
						
						{% for menu in menus.items %}
						
							<li class="nav-header">{{ menu.0 }}</li>
							{% for item in menu.1.items %}
							
								<li><a href="{{ item.1 }}">{{ item.0 }}</a>
							{% endfor %}
						
						{% endfor %}
						
					</ul>
				{% endif %}
			</div>
			<!--/.well -->
		</div>
		<!--/span-->
		<div class="span9">

			{% block innercontent %}

			<div class="leaderboard">
				<h1>thilux Sales Management</h1>
				<p>This is the thilux Sales Management Admin interface. Try and
					do administrative tasks such as create users, catalog products and
					much more.</p>
				<p>
					<a class="btn btn-success btn-large" href="/adduser">Create New
						User</a>
				</p>
			</div>
			<!-- Example row of columns -->
			<div class="row">
				<div class="span4">
					<h2>Products</h2>
					<p>Add, update or remove products from your company's catalog.</p>
					<p>
						<a class="btn btn-success btn-large" href="#">View Products</a>
					</p>
				</div>
				<div class="span4">
					<h2>Sales people</h2>
					<p>Administer the sales department configuring fixed and
						variable commission for sales people and generating reports on
						sales</p>
					<p>
						<a class="btn btn-success btn-large" href="#">View Sales
							Personel</a>
					</p>
				</div>
				<div class="span4">
					<h2>Tutorial</h2>
					<p>Should you need instructions on how to use this tool, this
						is the place to be!</p>
					<p>
						<a class="btn btn-success btn-large" href="#">View tutorials
							catalog</a>
					</p>
				</div>
			</div>
			
			
			{% endblock %}
			<hr>
			<footer>
				<p>&copy; thilux Systems - 2013</p>
			</footer>
		</div>
		<!-- /container -->
	</div>
	</div>

{% endblock %}